<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<!doctype html>
<html lang="zh">
<head>
    <title>添加部门</title>
    <%@include file="/common/header.jspf"%>
    <script type="text/javascript" src="${ctx}/resources/js/workflow/workflowDef/addOrEdit.js"></script>
    <style>
        #departmentForm .flow{width: 290px;height: 30px;border: 1px solid #c7c5c5;padding-left: 10px;}
        .definition{margin-left: 20px;margin-right: 20px;}
        legend{color: #0b49ba;}
        .append{width: 69px;height: 30px;background: #DAF7F7;border: 1px solid #C1C1C1;border-radius: 2px;float: right}
       .append:hover{background: #b3e3f7}
        .append a{font-size: 14px;display: block;line-height: 30px;float: left;margin-left: 5px;color: #202020}
        .append span{font-size: 24px;display: block;float: left;margin-left: 5px;margin-top: -2px;color: #5F5F5F;font-weight: bold}
        .definitionBox{width: 574px;clear: both;margin-top: 10px;overflow: hidden}
        .definitionBox .definitionBox-one{width: 500px;height: 35px;background: #93cdf9;float: left;margin-left: 15px;}
        .definitionBox .definitionBox-one a{font-size: 28px;color: #4e4e4e;line-height: 30px;margin-left: 10px;font-weight: bold;float: left}
        .input-one{float: left;margin-top: 2px;}
        .input-one .definitionA{margin-left: 10px;font-size: 14px;margin-right: 2px;}
        .input-one .nameA{width: 120px;height: 30px;padding-left: 10px;}
        .nameAA{width: 120px;height: 30px;}
        .fold_input{width: 200px;height: 25px;}
        .delate{width: 35px;height: 35px;border-radius: 100%;background: #d5edff;float: left;margin-left: 10px;}
        .delate a{font-size: 20px;text-align: center;line-height: 35px;display: block;color: #fff;font-weight: bold}
        .delate a:hover{background: #93cdf9;border-radius: 100%;}
        .fold{width: 488px;height: auto;padding:5px;background: #f7f4f4;margin-left: 15px;clear: both;display: none;border:1px solid #93cdf9}
        .fold div{padding:5px 0px;}
    </style>
</head>
<body>
<div class="form-wrap">
    <form id="workflowDefForm" method="post">
        <label class="definition">业务流程名称:</label>
        <input id="workflowName" name="workflowName" type="text" class="easyui-textbox nameA"/>
        <input id="processId" name="processId" type="hidden" value="${processId}"/>
        <label class="definition">业务标识:</label>
        <select id="businessIdentity" name="businessIdentity" class="nameAA">
            <c:forEach items="${businessIdentityList}" var="businessIdentity">
                <option value="${businessIdentity.identity}">${businessIdentity.businessName}</option>
            </c:forEach>
        </select>
        <fieldset id="workflowDefInfo" style="border:1px solid #B5B5B5;margin-top: 10px;padding-bottom: 20px;margin-bottom: 20px;">
             <legend>流程定义信息</legend>
            <div class= "append">
                <span>+</span>
                <a>添加</a>
            </div>
            <div class="definitionBox" style="margin-top: 50px;">
                 <div class="definitionBox-one">
                     <a name="clickA">&nbsp;&nbsp;&nbsp;</a>
                     <div class="input-one">
                         <label class="definitionA">环节名称 :</label>
                         <input type="hidden" name="activityId" value="">
                         <input type="text" name="activityName" class="nameA">
                     </div>
                     <div class="input-one">
                         <label class="definitionA">环节类型 :</label>
                         <select class="nameA" name="activityType" data-options="required:true,editable:false,selectOnNavigation:true">
                             <option value="1">开始节点</option>
                         </select>
                        <%-- <select type="text" class="easyui-textbox nameA">--%>
                     </div>
                 </div>
                 <%--<div class="delate">
                     <a href="#">—</a>
                 </div>--%>
                <div class="fold">

                </div>
            </div>
            <div class="definitionBox">
                <div class="definitionBox-one">
                    <a name="clickA" onclick="javascript:showActivityContents(this);">+</a>
                    <div class="input-one">
                        <label class="definitionA" style="margin-left: 14px;">环节名称 :</label>
                        <input type="hidden" name="activityId" value="">
                        <input type="text" name="activityName" class="nameA">
                    </div>
                    <div class="input-one">
                        <label class="definitionA">环节类型 :</label>
                        <select class="nameA" name="activityType" data-options="required:true,editable:false,selectOnNavigation:true">
                            <option value="2">任务节点</option>
                        </select>
                        <%-- <select type="text" class="easyui-textbox nameA">--%>
                    </div>
                </div>
                <%--<div class="delate">
                    <a>—</a>
                </div>--%>
                <div class="fold">
                    <div>
                        可编辑表单:<input type="text" name="editForm" class="fold_input" value=""/>
                    </div>
                    <div>
                        只读表单:<input type="text" name="viewForm" class="fold_input" value=""/>
                    </div>
                    <div>
                        <label><input type="checkbox" name="isDynamicAssigner" value="1"/>由上一环节动态指定</label>
                    </div>


                </div>
            </div>
            <div class="definitionBox">
                <div class="definitionBox-one">
                    <a name="clickA">&nbsp;&nbsp;&nbsp;</a>
                    <div class="input-one">
                        <label class="definitionA">环节名称 :</label>
                        <input type="hidden" name="activityId" value="">
                        <input type="text" name="activityName" class="nameA" value="">
                    </div>
                    <div class="input-one">
                        <label class="definitionA">环节类型 :</label>
                        <select class="nameA"  name="activityType" data-options="required:true,editable:false,selectOnNavigation:true">
                            <option value="7">结束节点</option>
                        </select>
                        <%-- <select type="text" class="easyui-textbox nameA">--%>
                    </div>
                </div>
                <%--<div class="delate">
                    <a href="#">—</a>
                </div>--%>
                <div class="fold">

                </div>
            </div>
        </fieldset>
    </form>
    <div class="form-button">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="fa fa-save fa-lg" id="workflowDefSave" >保存</a>
    </div>
</div>
<script type="text/javascript">

    /*function chuxian(){
        var odiv=document.getElementById("fold");
        if(odiv.style.display=='block'){
            odiv.style.display='none';
        }else{
            odiv.style.display='block';
        }
    }*/
</script>
</body>
</html>
